.list-wrap[data-v-53dd876a]{width:100%;margin-top:-11px;background:linear-gradient(180deg,#fff,hsla(0,0%,100%,0));position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.list-wrap .header[data-v-53dd876a]{width:100%;height:65px;line-height:65px;border-bottom:1px dashed rgba(48,130,246,.38);font-family:Microsoft YaHei;font-style:normal;font-weight:700;font-size:26px;color:#373858;padding:0 25px 0 21px}.list-wrap .types[data-v-53dd876a]{width:100%;height:77px;line-height:77px;margin:0;padding:0 25px 0 21px}.list-wrap .types .type[data-v-53dd876a]{display:block;float:left;font-family:Microsoft YaHei;font-style:normal;font-weight:400;font-size:18px;color:#a373858 8;cursor:pointer}.list-wrap .types .type[data-v-53dd876a]:hover{font-weight:700}.list-wrap .types .type.active[data-v-53dd876a]{font-weight:700;color:#3082f6}.list-wrap .types .type+.type[data-v-53dd876a]{margin-left:1.5em}.list-wrap .list-container[data-v-53dd876a]{width:calc(100% - 43px);overflow-x:auto;overflow-y:hidden;margin:0 0 0 17px}.list-wrap .list-container .scroll-container[data-v-53dd876a]{width:1700px;height:580px;padding:4px;overflow:hidden}.list-wrap .list-container .scroll-container .videoItem[data-v-53dd876a]{float:left;width:320px;height:270px;margin:0 23px 19px 0;background:#fff;border:2px solid #e1edff;border-radius:3px;overflow:hidden;cursor:pointer}.list-wrap .list-container .scroll-container .videoItem[data-v-53dd876a]:nth-child(5n+5){margin-right:0}.list-wrap .list-container .scroll-container .videoItem .image[data-v-53dd876a]{width:100%;height:180px;border-bottom:1px solid #ecf4ff;overflow:hidden}.list-wrap .list-container .scroll-container .videoItem .image img[data-v-53dd876a]{width:100%;height:180px;display:block;margin:0 auto}.list-wrap .list-container .scroll-container .videoItem .content[data-v-53dd876a]{position:relative;width:100%;height:90px;padding:8px 21px 0 26px;font-family:PingFang HK;font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#373858}.list-wrap .list-container .scroll-container .videoItem .content .top[data-v-53dd876a]{position:absolute;top:31px;left:26px;font-size:16px;width:calc(100% - 48px);transform:translateY(-50%);line-height:18px}.list-wrap .list-container .scroll-container .videoItem .content .top .author[data-v-53dd876a]{color:#3082f6;white-space:nowrap}.list-wrap .list-container .scroll-container .videoItem .content .top .author span[data-v-53dd876a]{color:#373858}.list-wrap .list-container .scroll-container .videoItem .content .bottom[data-v-53dd876a]{position:absolute;bottom:11px;left:26px}.list-wrap .list-container .scroll-container .videoItem .content .bottom .icon[data-v-53dd876a]{display:block;float:left;width:20px;height:22px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALxSURBVHgBlZXfS1NhGMff9z07++VkKVYsNLFMgiAl6qqrXdRlBN31g2bQZRGE0g9tk6QghJQugghS6C/oqsByKIQJWt5UEupuUpe6nbnt/Hp/dc7mtrPtbNkXxrvzPs/zeZ/nOc85B4I6urugtMdToGPry6ZLx06MtJ31yeGuH/VioN3mjVklqGfYyOZP+ZSaIIBzXgqAYNEB5XsfBzvf7wl4dUYL4zSO/FnMAKIxE2AbIQDycOrR4Sd1gZenMiGmwTfxrzsGjBcyMn4w58kZL4tAEAajg4GolYGsF1yH4WxcK8JyQMr7DxwkJ/1H3EOeFhFASwQHPFwzwyvvUmcwQnNb37MAyzRnEiAdi4bb7hR8Lk4kPsgpcl6VSCkjpjVFIx1SVYaUsuOccICzBoznz9G5a9x6uuB2vBR9DgCFUt0icnTblqwDQWB0t1SYX52ASlZn0QklQYRlNwpDB7QFCpiuMswBMu2FFjISsjpzN7puHspIqccOLR23BTYllz8TnUmiVygaGUK3g4MruZJuzijXGGah7IZetEPOVioHvSzdC6+3BpQse6wmcZlJcKNvrgahR00ZQ04to4NgaHogMGGboamu5O/nhm8sX3apLKqyHiWB87Bc7eZs8tVKWBVwpK87y3Taa/dEWvj5rDX5HLARqtyY7DMmn9AoxayaUkgQ8vFPw8eW9wQ0pQHcSxQmUZ2XKLuCgCUEhoZADdkCZyMdMQM4ppg3h5cnaLx5XkQjgdh/AU0xFYxShawpSQIs1Nh0pC0C6qiq+2f7NxvTO9TjdStenJQvqdg10nTUnX/cCH+gJtS3DU4hDfbFMtFIkNQEdt765WoWPe2Q0EarQ3pdeebyO7r9h8QFRQL3rTaCvGvzo/vXrXuOwp9mn8cHs+UwU40BT7+5KhKokhOqLcZSBiz2cO5p6zZvEGJGuxTwDzEkUIjYdqu/danSZvtNORHhzn3ykgsLPqeYZi5zL+12ErdIKN3eUOZfnZZBDf0Fe/Vez+re9U0AAAAASUVORK5CYII=) no-repeat;margin:0 8px 0 0}.list-wrap .list-container .scroll-container .videoItem[data-v-53dd876a]:hover{border:none;box-shadow:0 4px 12px rgba(208,217,233,.61)}.list-wrap .list-container .scroll-container .videoItem:hover .content[data-v-53dd876a]{background:url(../img/lesson-item-bg.fdd72596.png) no-repeat;background-size:auto 90px;background-position:100% 0}.list-wrap .list-container .scroll-container .videoItem:hover .content .top[data-v-53dd876a]{width:calc(100% - 51px)}.list-wrap .list-arrow[data-v-53dd876a]{position:absolute;top:318px;width:30px;height:78px;line-height:78px;background:rgba(31,113,209,.25);border-radius:4px;color:#fff;font-size:22px;text-align:center;cursor:pointer;z-index:10}.list-wrap .list-arrow.left[data-v-53dd876a]{left:-45px}.list-wrap .list-arrow.right[data-v-53dd876a]{right:-45px}.list-wrap .list-arrow[data-v-53dd876a]:hover{background:#1f71d1;box-shadow:0 4px 22px rgba(0,0,0,.25)}.list-wrap .player-container[data-v-53dd876a]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.list-wrap .player-container .close[data-v-53dd876a]{position:absolute;top:5px;z-index:1;right:15px;font-size:32px;color:#ddd;text-align:center;font-weight:bolder;cursor:pointer}.list-wrap .player-container .close[data-v-53dd876a]:hover{color:#fff}[data-v-53dd876a]::-webkit-scrollbar{width:4px;height:4px}[data-v-53dd876a]::-webkit-scrollbar-corner{border-radius:2px}[data-v-53dd876a]::-webkit-scrollbar-track-piece{background:#c0deff;border-radius:2px}[data-v-53dd876a]::-webkit-scrollbar-thumb{background:#3082f6;border-radius:2px;cursor:pointer}[data-v-53dd876a]::-webkit-scrollbar-thumb:hover{background:#609cf1}